7
תגובות
שלום.
עשיתי 4 תיבות input מסוג text
איך אני יכול לעשות שאחרי שיכתבו ארבע תוים בתיבה זה יעבור לבד תיבה הבאה?
עשיתי 4 תיבות input מסוג text
איך אני יכול לעשות שאחרי שיכתבו ארבע תוים בתיבה זה יעבור לבד תיבה הבאה?
7 תשובות
ענה
iiddaannyy
ב
13 לנובמבר 2011
#
1. להפעיל אירוע onkeypress אשר בודק האם יש 4 תוים.
2. אם כן, להעביר לתיבה הבאה על ידי focus.
בנתיים זה הכי דומה שמצאתי:
http://oreilly.com/pub/a/javascript/excerpt/JS&DHTMLCkbk_chap8/index.html
אבל זה לא עובד לי
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<div id="inputs" >
<input />
<input />
<input />
<input />
</div>
<script>
jQuery(function(){
var inputs = $("#inputs input");
inputs.each(function(index, item){
$(item).keyup(function(){
$(this).val($(this).val().substr(0,4));
if($(this).val().length >=4 && index!=inputs.length) $(inputs[index+1]).focus();
});
});
});
</script>
<div id="inputs" >
<input />
<input />
<input />
<input />
</div>
<script>
jQuery(function(){
var inputs = $("#inputs input");
inputs.each(function(index, item){
$(item).keyup(function(){
$(this).val($(this).val().substr(0,4));
if($(this).val().length >=4 && index!=inputs.length) $(inputs[index+1]).focus();
});
});
});
</script>